﻿
body {
    margin: 0;
    padding: 0;
    border: 0;			/* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    background-image: url(page-background.gif);
    background-repeat: repeat-x;
    min-width: 600px;    /* Minimum width of layout - remove line if not required */
				        /* The min-width property does not work in old versions of Internet Explorer */
    font-size: 90%;
    font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
    vertical-align: middle;
}

#loginlogout 
{
    position: relative;
    float: right;
    margin: 0.5em 1em 0 0;
    background-color: #000;
    color: #fff;
}

#loginlogout a 
{
    color: #fff;
}

#menuWrapper 
{
    float: left;
}

#statusform
{
    margin: 2em;
    margin-left: 1em;
    height: 180px;
}

#updateform
{
    margin: 2em;
    margin-top: 0.5em;
    margin-left: 1em;
}

#inStatusContainer 
{
    margin: 0;
    padding: 0;
}

#statusContainer 
{
    margin: 0;
    padding: 0;
}

form 
{
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

#statusName 
{
    font-size: 1.5em;
    font-variant: small-caps;
    font-weight: bolder;
    color: Red;
}

#statusElapsed
{
    font-size: 1em;
    font-variant: small-caps;
    font-weight: bolder;
    color: #989898;
}

#statusFormContainer textarea 
{
    font-size: 14pt;
    overflow: hidden;
    width: 400px;
    font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

#InsertUpdateTextBox
{
    font-size: 12pt;
    width: 400px;
    font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

#updates ul
{
    list-style-type: none; 
    margin: 0;
    padding: 0;  
}

#updates ul li.listheader 
{
    list-style-position: outside;
    margin: 1em 0 0.50em 0;
    font-size: 0.75em;
}

#updates ul li.update 
{
    list-style-position: inside;
    list-style-image: url(Icons/bullet_blue.png);
    margin-left: 1em;
    font-size: 1.15em;
    margin-bottom: 0.5em;
}

.elapsed 
{
    font-variant: small-caps;
    font-size: 0.9em;
    color: #989898;
}

#memberUpdates 
{
    padding: 0.5em;
    margin-top: 3em;
    background-color: #fff;
    border: solid 1px #000;
}

#memberUpdates ul#members
{
    list-style-type: none; 
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}

.teamMemberName a
{
    font-size: 1em;
    color: Red;
    font-weight: bolder;
}

.teamStatusElapsed 
{
    font-variant: small-caps;
    font-size: 0.9em;
    color: #989898;
}

.inOffice
{
    list-style-position: inside;
    list-style-image: url(Icons/building.png);
    margin-left: 1em;  
}

.inRemote
{
    list-style-position: inside;
    list-style-image: url(Icons/house.png);
    margin-left: 1em;  
}

.out
{
    list-style-position: inside;
    list-style-image: url(Icons/door.png);
    margin-left: 1em;  
}

.officePhone 
{
    list-style-position: inside;
    list-style-image: url(Icons/telephone.png);
    margin-left: 1em;
}

.remotePhone 
{
    list-style-position: inside;
    list-style-image: url(Icons/phone.png);
    margin-left: 1em;
}

.teamMemberStatus
{
    font-weight: bolder;
    font-size: 1.25em;
}

#memberUpdates ul li ul
{
    line-height: normal;
    margin: 0;
    margin-left: 2.5em;
    padding: 0;  
    font-size: 1.25em;
    font-weight: normal;
}

.memberUpdatesWrapper 
{
    font-size: 0.75em;
    margin-bottom: 2em;
    display: inline-block;
}

.memberUpdate 
{
    list-style-position: inside;
    list-style-image: url(Icons/bullet_red.png);
    padding: 0.25em 0 0 0;
}

.emoticon 
{
    font-weight: bolder;
    color: Maroon;
}

/* Login Page */
.MvcMembership 
{
    font-size: 1.5em;
}

.MvcMembership input#userName, .MvcMembership input#password 
{
    font-size: 1.3em;
    width: 250px;
}

.MvcMembership input 
{
    font-size: 1em;
}